<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate.css"/>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_md.css"/>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_sm.css"/>
    <link rel="stylesheet" href="css/interact_List_md.css" type="text/css"/>
    <link rel="stylesheet" href="css/interact_List_sm.css"type="text/css">
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
</head>
<body>
<!--头部导航栏，响应式，最小宽度768-->
<div class="nav">
    <a class="logo_Astray">Astray</a>
    <ul class="nav_ul">
        <a href="index.html"><li class="nav_li nav_action">首页</li></a>
        <a href="article_Index.html"><li class="nav_li">文章</li></a>
        <a href="question_Index.html"><li class="nav_li">问答</li></a>
        <a href="test_Index.html"><li class="nav_li">测试</li></a>
        <a href="FM_Index.html"><li class="nav_li">FM</li></a>
        <li class="nav_menu">
            <ul class="nav_drop">
                <li class="item">更多<span class="triangle"></span></li>
                <a href="interact_List.html"><li class="item">动态</li></a>
                <a href=""><li class="item">选项2</li></a>
            </ul>
        </li>
    </ul>
    <ul class="nav_ul_info">
        <li class="nav_ul_info_li">
            <a  class="nav_ul_info_img" href="user_Center.html">
                <img src="img/headPhoto.png" width="2rem">
            </a>
            <div id="user_infoBox">
                <ul>
                    <li>
                        文章<br/>
                        <span>11</span>
                    </li>
                    <li>
                        提问<br/>
                        <span>11</span>
                    </li>
                    <li>回答<br/>
                        <span>11</span>
                    </li>
                    <li>收藏<br/>
                        <span>11</span>
                    </li>
                </ul>
                <dl>
                    <dt>称号：</dt>
                    <dd><img src="img/jia.png" alt=""></dd>
                    <dd><img src="img/jia.png" alt=""></dd>
                </dl>
                <div>
                    <a>签到</a>
                    <a href="user_Info_baseInfo.html">前往个人信息>>></a>
                </div>
            </div>

        </li>
        <li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
        <li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
    </ul>
</div>
<!--</div>-->
<!--主体部分-->
<div class="interact_zhuti">

    <!--左侧动态-->
    <div class="left_side">
        <ul>
            <li class="dynamic default_dynamic"><a href="#">所有动态</a></li>
            <li class="dynamic"><a href="#">我的动态</a></li>
            <li class="dynamic"><a href="#">粉丝动态</a></li>
        </ul>

    </div>
    <!--中间内容动态-->
    <div class="interact_zhongjian">
        <div class="interact_zhongyi3">
            <div class="interact_tu"><img src="img/headPhoto.png">
                <div class="interact_shi">2018-01-12 14:15:28</div>
            </div>
            <div class="interact_da"><p>发大水</p></div>
            <div class="interact_nei">暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#
                L百事中国的酷燃视频 ​​​暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....</div>

            <div class="interact_tu1">
                <img src="img/articlePic.png">
            </div>

            <div class="interact_caozuo">
                    <a href="#"><img src="img/点赞.png"></a>
                    <span>1212</span>
                <a href="#"><img src="img/操作-评论.png"></a>
                <span>1212121</span>
            </div>
            <!--用户评论-->
            <div class="user_pingluo">
                <!--评价内容-->
                <div class="textarea_pingjia">
                   <input type="text" placeholder="请输入评价内容" class="input_text"/>
                    <div class="pinglon_anniu"><button class="pinglon_buttou">评论</button></div>
                </div>
                <div class="textarea_pingjia">
                    <div class="interact_tu2">
                        <img src="img/headPhoto.png">
                        <div class="interact_nicheng"><p>发大水</p></div>
                    </div>
                    <div class="interact_nei2">
                        暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#L百事国的酷燃视频 ​​​暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....​​​​
                    </div>
                    <div class="interact_shi2">
                        2018-01-12 14:15:28
                    </div>
                    <div>
                        <a style="float: right;font-size: 14px;color: #cccccc;text-decoration:none;" href="#">
                            回复</a>
                    </div>
                </div>
                <!--评论回复-->
                <div class="huifu">
                    <div class="interact_tu2">
                        <a href="#"> <img src="img/headPhoto.png"></a>
                        <div class="interact_nicheng">
                            <a href="#"> <p style="float: left;">陈燕</p></a>
                            <p style="float: left;color: #7e8e99;padding-left:5px;padding-right:5px; ">回复</p>
                            <a href="#"> <p style="float: left;">陈燕傻逼</p></a>
                            <div class="interact_huifu_1">
                                暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#L百事国的酷燃视频 ​​​暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....​​​​
                            </div>
                            <div class="interact_shijian">
                                2018-01-12 14:15:28
                            </div>
                            <div class="huifu11">
                                <a style="float: right;font-size: 14px;color: #cccccc;text-decoration:none;" href="#">
                                    回复</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="text-align: center;">
                    <button class="jiazai">加载更多</button>
                </div>
            </div>
        </div>
        <div class="interact_zhongyi4">
            <div class="interact_tu"><img src="img/headPhoto.png">
                <div class="interact_shi">2018-01-12 14:15:28</div>
            </div>
            <div class="interact_da1"><p>发大水</p></div>
            <div class="interact_nei">暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#
                L百事中国的酷燃视频 ​​​暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....​​​​</div>
            <div class="interact_tu1">
                <img src="img/articlePic.png">
            </div>

            <div class="interact_caozuo">
                <a href="#"><img src="img/点赞.png"></a>
                <span>1212</span>
                <a href="#"><img src="img/操作-评论.png"></a>
                <span>1212121</span>
            </div>
            <!--用户评论-->
            <div class="user_pingluo">
                <!--评价内容-->
                <div class="textarea_pingjia">
                    <input type="text" placeholder="请输入评价内容" class="input_text"/>
                    <div class="pinglon_anniu"><button class="pinglon_buttou">评论</button></div>
                </div>
                <div class="textarea_pingjia">
                    <div class="interact_tu2">
                        <img src="img/headPhoto.png">
                        <div class="interact_nicheng"><p>发大水</p></div>
                    </div>
                    <div class="interact_nei2">
                        暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#L百事国的酷燃视频 ​​​暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....​​​​
                    </div>
                    <div class="interact_shi2">
                        2018-01-12 14:15:28
                    </div>
                    <div>
                        <a style="float: right;font-size: 14px;color: #cccccc;text-decoration:none;" href="#">
                            回复</a>
                    </div>
                </div>
                <!--评论回复-->
                <div class="huifu">
                    <div class="interact_tu2">
                        <a href="#"> <img src="img/headPhoto.png"></a>
                        <div class="interact_nicheng">
                            <a href="#"> <p style="float: left;">陈燕</p></a>
                            <p style="float: left;color: #7e8e99;padding-left:5px;padding-right:5px; ">回复</p>
                            <a href="#"> <p style="float: left;">陈燕傻逼</p></a>
                            <div class="interact_huifu_1">
                                暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸妈#L百事国的酷燃视频 ​​​暗中观察爸妈系列[并不简单]@百事中国 #2018把乐带回家##霹雳爸 ....​​​​
                            </div>
                            <div class="interact_shijian">
                                2018-01-12 14:15:28
                            </div>
                            <div class="huifu11">
                                <a style="float: right;font-size: 14px;color: #cccccc;text-decoration:none;" href="#">
                                    回复</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="text-align: center;">
                    <button class="jiazai">加载更多</button>
                </div>
            </div>
        </div>
        <div style="text-align: center;margin-top:30px;">
            <a href="#"><img src="img/刷新.png"></a>
        </div>
    </div>
    <!--右边部分-->
    <div class="interact_you">
        <!--  详情-->
        <div class="interact_you_buttoxian">
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;为了你，我可以站在教室一整天封你出现。
                不要为了不必要的事情发货哦！！
            </p>
            <div class="Immediately_button">
                <button class="Immediately_sign_up">立即分享</button>
            </div>
        </div>
        <!--标签-->
        <div class="laber_div">
            <div class="laber"><a href="#">最新</a></div>
            <div class="laber"><a href="#">最热</a></div>
            <div class="laber"><a href="#">最热</a></div>
        </div>
        <div class="Xingfu_div">
            <ul>
                <li class="Xingfi_tit">幸福标签</li>
                <li class="Xingfu_laber">
                    <a href="#"><div class="Xingfu_hov">幸福</div></a>
                    <a href="#"><div class="Xingfu_hov">幸福</div></a>
                    <a href="#"><div class="Xingfu_hov">幸福</div></a>
                    <a href="#"><div class="Xingfu_hov">幸福</div></a>
                    <a href="#"><div class="Xingfu_hov">幸福</div></a>
                    <a href="#"><div class="Xingfu_hov">幸福</div></a>

                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>